<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalabel=0">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/index.css">
  <title>京东移动端</title>
</head>
<body>
  <!-- 顶部app -->
  <header class="app">
    <ul>
      <li>x</li>
      <li></li>
      <li>打开京东APP 体验轻松购物</li>
      <li>立即打开</li>
    </ul>
  </header>
  <div class="search-wrap">
    <div class="search-btn"></div>
    <div class="search-login">登录</div>
    <div class="search-input">
      <div class="logo"></div>
      <!-- 二倍雪碧图/精灵图。先把原图缩放一半，测量目标图片位置
          坐标写到background-position里
          然后background-size也要缩放一半，即原图宽400px，这里要200px 高度auto
      -->
      <div class="bigger"></div>
    </div>
  </div>
  <div class="slider-warp">
      <div class="slider-bg"></div>
      <div class="slider">
        <ul class="slider-list">
          <li class="slider-item">
            <img src="./imgs/goods/slider-1.dpg" alt="">
          </li>
        </ul>
        <div class="slider-radius">
          <i></i>
          <i></i>
          <i></i>
        </div>
      </div>
  </div>
</body>
</html>